<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人注册</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="/css/register.css">
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
    <style>

    </style>
</head>

<body>
    <header>
        <div class="header clearfix">
            <a href="/" class="logo"></a>
            <div class="logo_title">欢迎注册</div>
            <div class="has_account">已有账号？ <a href="">请登录</a></div>
        </div>
    </header>
    <main>
        <div class="main clearfix">
            <div class="reg_form fl">
                <form action="/api/user/register" method="post" id="register_form">
                    <div class="form_item">
                        <label>用　户　名</label>
                        <input type="text" name="userName" id="userName" maxlength="20" class="field" placeholder="您的帐户名和登录名" required pattern="^[0-9a-zA-Z\u4e00-\u9fa5]{2,16}$">
                    </div>
                    <div class="input_tip">
                        <span></span>
                    </div>
                    <div class="form_item">
                        <label>设 置 密 码</label>
                        <input type="password" name="userPsw" id="userPsw" class="field" maxlength="20" placeholder="建议至少使用两种字符组合" required>
                    </div>
                    <div class="input_tip">
                        <span></span>
                    </div>
                    <div class="form_item">
                        <label>确 认 密 码</label>
                        <input type="password" id="PswConfirm" class="field" maxlength="20" placeholder="请再次输入密码" required>
                    </div>
                    <div class="input_tip">
                        <span></span>
                    </div>
                    <div class="form_item">
                        <label>手 机 号 码</label>
                        <input type="text" id="phoneNumber" name="phoneNumber" class="field" maxlength="20" placeholder="建议使用常用手机" required pattern="^1(3|4|5|7|8)\d{9}$">
                    </div>
                    <div class="input_tip">
                        <span></span>
                    </div>
                    <div class="form_item">
                        <label>邮 箱 验 证</label>
                        <input type="email" id="email" name="email" class="field" placeholder="建议使用常用邮箱" required pattern="^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$">
                    </div>
                    <div class="input_tip">
                        <span></span>
                    </div>
                    <div class="form_item">
                        <label>验　证　码</label>
                        <input type="text" id="confirmCode" class="field" placeholder="请输入验证码" required>
                        <div class="confirmCode"></div>
                    </div>
                    <div class="input_tip">
                        <span></span>
                    </div>
                    <div>
                        <button type="submit" class="btn_register">立即注册</button>
                    </div>
                </form>
            </div>
            <div class="form_company">
                <div class="company_reg">
                    <a href="javascript:;">
                        <i class="i_company"></i>
                        <span>企业用户注册</span>
                    </a>
                </div>
                <div class="inter_cust">
                    <a href="javascript:;">
                        <i class="i_global"></i>
                        <span>INTERNATIONAL<br>CUSTOMERS</span>
                    </a>
                </div>
            </div>
        </div>
    </main>
    <footer>
        <div class="links">
            <a href="https://www.jd.com/intro/about.aspx" target="_blank">关于我们</a>|
            <a href="https://www.jd.com/contact/" target="_blank">联系我们</a>|
            <a href="https://zhaopin.jd.com/" target="_blank">人才招聘</a>|
            <a href="https://www.jd.com/contact/joinin.aspx" target="_blank">商家入驻</a>|
            <a href="https://www.jd.com/intro/service.aspx" target="_blank">广告服务</a>|
            <a href="https://app.jd.com/" target="_blank">手机京东</a>|
            <a href="https://club.jd.com/links.aspx" target="_blank">友情链接</a>|
            <a href="https://media.jd.com" target="_blank">销售联盟</a>|
            <a href="https://club.jd.com/" target="_blank">京东社区</a>|
            <a href="https://gongyi.jd.com" target="_blank">京东公益</a>|
            <a href="https://en.jd.com/" target="_blank">English Site</a>
        </div>
        <div class="copyright">
            Copyright©2004-2016&nbsp;&nbsp;京东JD.com 版权所有
        </div>
    </footer>
    <script src="/js/register.js"></script>
</body>

</html>